/**
 * @description 抽奖效果的 js 文件
 * @author Evan Lin (evan_origin@163.com)
 * @date 2020-04-09
 */
var data = ['Phone5','Ipad','三星笔记本','佳能相机','惠普打印机','谢谢参与','50元充值卡','1000元超市购物券'], // 抽奖礼品数组
    timer = null, // 定时器
    flag = 0; // 当按下回车键的时候，用来控制开始结束的状态


window.onload = function () {
    var play=document.getElementById('play'),
        stop=document.getElementById('stop');

    // 开始抽奖
    play.onclick = playFun;
    // 暂停抽奖
    stop.onclick = stopFun;

    // 键盘事件
    document.onkeyup = function(event) {
        event = event || window.event
        // keyCode == 13  是 enter键的键盘码
        if (event.keyCode === 13) {
            // 通过改变 flag的值 来看状态
            if( flag === 0){
                playFun();
                flag = 1;
            }else{
                stopFun();
                flag=0;
            }
        }
    }
}

// 开始抽奖
function playFun() {
    var title = document.getElementById('title');
    var play = document.getElementById('play');
    clearInterval(timer);
    timer = setInterval(function() {
        var random = Math.floor(Math.random() * data.length);
        title.innerHTML = data[random]
    }, 50)
    play.style.background='#999';
}

// 停止抽奖
function stopFun() {
    clearInterval(timer);
    var play=document.getElementById('play');
    play.style.background='#036';
}
